<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>发现页</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/discover.css">
    <link rel="stylesheet" href="./iconfont/iconfont.css">
</head>

<body>
    <header>
        <h1>
            发现
        </h1>
    </header>

    <main>
        <!-- 搜索框 -->
        <div class="search">
            <a class="sear" href="./search.html">
                请输入昵称
            </a>
            <a class="btn" href="./search.html">
                搜索
            </a>
        </div>

        <!-- 头像和介绍 -->
        <ul class="main-head-wrap">
            <li class="main-head">
                <img src="./images/headImg.jpg" alt="">
                <div class="myintro">
                    <h4 class="myname">
                        我叫小萌
                        <span class="attention attention-on">
                            关注
                        </span>
                    </h4>
                    <p>
                        我是小萌我怕誰 ! 哈哈哈哈 !
                    </p>
                </div>
            </li>
            <li class="main-head">
                <img src="./images/headImg.jpg" alt="">
                <div class="myintro">
                    <h4 class="myname">
                        我叫小萌
                        <span class="attention">
                            关注
                        </span>
                    </h4>
                    <p>
                        我是小萌我怕誰 ! 哈哈哈哈 !
                    </p>
                </div>
            </li>
        </ul>
    </main>

    <footer>
        <ul class="foot-nav">
            <li>
                <a href="./index-spot.html">
                    <i class="iconfont icon-shouye"></i>
                    <span>首页</span>
                </a>
            </li>
            <li class="foot-nav-on">
                <a href="./discover.html">
                    <i class="iconfont icon-sousuo"></i>
                    <span>发现</span>
                </a>
            </li>
            <li class="cam">
                <a href="#">
                    <i class="iconfont icon-xiangji"></i>
                </a>
            </li>
            <li>
                <a href="./person.html">
                    <i class="iconfont icon-icon"></i>
                    <span>我的</span>
                </a>
            </li>
            <li>
                <a href="#">
                    <i class="iconfont icon-icon_tuichu"></i>
                    <span>退出</span>
                </a>
            </li>
        </ul>
    </footer>

    <script src="./js/flexible.js"></script>
</body>

</html>